<!DOCTYPE html>
<html lang="zh">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>05盒模型_外边距</title>
    <style>
        .box{
            width: 200px;
            height: 200px;
            background-color: #bfa;
            border: 10px red solid;
            /* 
                外边距(margin)
                    -外边距不会影响盒子可见框大小
                    -但是外边距会影响盒子位置
                    -有四个单独的设置：
                        margin-top
                        margin-right
                        margin-bottom
                        margin-left
                    和一个可以放1，2，3，4个值的：margin
                    上面这些可以填正值，也可以负值
            */
        }
    </style>
</head>
<body>
    <div class="box"></div>
    
</body>
</html>